<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>语音合成</title>
  <link rel="stylesheet" type="text/css" href="css/voice_speech.css">
</head>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript" src="js/voice_speech.js"></script>
<body>
<div class="box">
  <!--head-->
  <div class="head">
    <p>语音合成</p>
  </div>

  <!--内容输入-->
  <div class="input">
    <textarea class="text" placeholder="请输入..."></textarea>
    <div class="config">
      <p>语音详细配置：</p>
      <div>
        语速：<input type="range" class="spd voice"  max="9" min="0"  value="5">
           <span  id="spd">&nbsp;&nbsp;5</span>
      </div>
      <div>
        音调：<input type="range" class="pit voice" max="9" min="0" value="5">
        <span  id="pit">&nbsp;&nbsp;5</span>
      </div>
      <div>
        音量：<input type="range" class="vol voice" max="9" min="0" value="5">
        <span  id="vol">&nbsp;&nbsp;5</span>
      </div>
      <div>
        发音人选择：<select class="choose">
                <option selected="selected" value="0">度小美</option>
                <option value="1">度小宇</option>
                <option value="3">度逍遥</option>
                <option value="4">度丫丫</option>
                <option value="5">度小娇</option>
                <option value="103">度米朵</option>
                <option value="111">度小萌</option>
                <option value="110">度小童</option>
                <option value="106">度博文</option>
                <option value="5118">度小鹿</option>
                <option value="5003">度逍遥</option>
                </select>

      </div>
    </div>
    <button type="submit" class="btn">开始分析</button>

  </div>
    <div class="paly">
        <audio id="audio">
        </audio>
    </div>

  <!--结果展示-->
</div>

</body>
</html>